优化部署在github page的hexo-volantis的国内访问速度（dom、图片、js、css等）

进阶设置

• 提升部署在vercel或netlify的网站在中国的访问速度和稳定性
• 使用freecdn-js提高hexo博客的cdn稳定性
• 免费通过NS1利用监控宝平台实现实时基于不同运营商的故障转移

寻找访问慢的根源

打开调试台-网络，查看原因

寻找访问慢的根源

可以看到，访问GitHub page、css文件和js文件都超过了1秒以上，加载图片更是慢的不得了，这几个问题都是要解决的。

使用netlify部署网页

netlify page访问速度

访问GitHub page很慢，使用使用netlify部署网页能加快访问速度【netlify示例】，netlify支持从GitHub抓取repo并部署，也就是说hexo生成并上传网页到GitHub，netlify就能同步部署，而且速度还很快。netlify每个月有100g免费流量，把图片、js等静态资源放在GitHub，然后用cdn加速（下面会讲到），会节省不少流量。

可以从上图看到，netlify托管的网页国内访问速度非常快，比cf page（平均2+秒，较为稳定）和vercel电信很慢，其他还行；容易被墙，访问跳转到反诈平台）好多了。看了一下，访问慢的似乎是因为刚刚换了netlify的dns，还有缓存所以域名解析到vercel了，所以慢的都是vercel()。

netlify可以免费给你分配一个二级域名，也可以换成自己买的域名（我没有备案速度也很快），真的很良心了。

域名我在namesilo(点击购买域名)买的，.top后缀续费4.8刀，和阿里云国际版价格差不多，国内版要便宜很多，不过要实名。当然namesilo这个价格比很多国外域名注册商便宜了。

.xyz只要0.99刀更加便宜。

使用jsd.cdn.zzko.cn替代cdn.jsdelivr.net进行cdn加速css和js

进阶设置|使用freecdn-js

https://xingpingcn.top/使用freecdn-js提高hexo博客的cdn稳定性.html

主题默认配置用的cdn.jsdelivr.net现在似乎不会突然抽筋了，但是依然很慢，jsd.cdn.zzko.cn是一个免费面向中国境内外的高速jsdelivr镜像站，访问速度很快，可以作为理想的替代方案。

1

@charset "UTF-8";

这时我们有了能正常访问的css文件（js不需要改）

之后需要cdn加速css和js文件，直接把css和js文件放在blog\source下，上传网页的时候hexo会把这些一起上传到根目录/。

或者在GitHub新开一个不同于个人GitHub page的repo，之后在根目录/上传这两个改了名字后的css和js文件。

使用

1

https://jsd.cdn.zzko.cn/gh/user/repo/style.css

就能访问style.css了，同理app.js。

要让volantis访问cdn加速链接，需要在配置中添加一下代码。

1
2
3
4
5
6
7
8
9
10
11
12

cdn:
  enable: true
  
  set:
    js:
      app: https://jsd.cdn.zzko.cn/gh/user/repo/app.js
    css:
      style: https://jsd.cdn.zzko.cn/gh/user/repo/style.css # (异步加载样式)

cdn_version: false

volantis_static_cdn: https://jsd.cdn.zzko.cn/npm/volantis-static@0.0.1654736714924/

user和repo都改为自己的。如果没有刷新没有变化记得设置cdn_version: false然后重启服务器。

volantis_static_cdn的值或许需要根据默认配置中的静态文件版本去更改，也就是@后面的一串数字。

使用PicX图床工具

使用方便管理的图床让你编辑文章更加得心应手，此图床可以自动压缩图片，添加md格式等，配置也十分简单，直接看官方文档就ok。

其图床还有多种cdn加速可选，十分方便。

PicX图床工具官方文档

https://picx-docs.xpoet.cn

结语

最后看看访问速度

访问速度快

shift+F5强制刷新，速度还挺满意，dom打开速度很快了，只是没更新图片（），，懒，可以直接试试测我的网站速度看看。